<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

    <title>SGI :: Sistema de Gesti&oacute;n de Ideas</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

	<!-- Propios -->
	<script src="../js/jquery-1.7.2.min.js"></script>
	<link href="../css/css_global.css" rel="stylesheet">
	<script src="../js/app/discusion_votacion/mnt_discusion.js"></script>
	
	<%@ include file="../../includes/head_privado.jsp" %>
	
  </head>


  <body>


  
  

	<%@ include file="../../includes/menu.jsp" %>
	
	<div class="container-fluid">
      <div class="row-fluid">
        
        <%@ include file="../../includes/app_menu.jsp" %>
		
		
		
		
		<!-- AREA TRABAJO -->
		
		<form id="form_nuevaDiscusion" name="form_nuevaDiscusion" action="<%=request.getContextPath() %>/mod_discusion/abreVerIdea.html" class="form-horizontal">
				
				
				<input type="hidden" name="hddCodIdea" id="hddCodIdea" value="${LISTAR.beanIdea.cod_idea}">
				
				
		<div class="span9">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">	
			
				<!-- Cabecera -->
				<tr>
					<td>
					
						<table width="100%" border="0" >
							<tr>
								<td style="padding-left:10px; padding-right:15px;width:45px;"><img src="<%=request.getContextPath() %>/img/mdl_votacion.jpg" alt=""></td>
								<td>
									<h6 style="margin:0px;">Discusi&oacute;n y Votaci&oacute;n</h6>
									<h4 style="margin:0px;">Ver Idea</h4>
								</td>
								<td style="text-align:right;">
							
								</td>
							</tr>
						</table>
					
					</td>				
				</tr>			
				<tr style="margin:0px;">
					<td><hr style="margin:5px;"/></td>				
				</tr>		
				
				<!-- BODY -->
				<tr>
					<td>
					
						<br>
			
							<table border="0" width="100%" cellpadding="0" cellspacing="0" style="border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;background-color:#F5F5F5;">								
								<tr>
									<td style="padding:10px;">
										<strong>Idea :: ${LISTAR.beanIdea.nom_titulo}</strong>
										<div style="padding:15px;border:1px solid #CCCCCC;background-color:#FFFFFF; ">
										${LISTAR.beanIdea.des_descripcion}							
										</div>
									</td>
								</tr>
								<tr>
									<td style="padding-bottom:5px;padding-right:10px;padding-left:10px;" align="right">
									
										<table border="0" width="100%">
											<tr>
												<td>
													<strong>Usuario:</strong> ${LISTAR.beanIdea.obj_usuario.paterno} ${LISTAR.beanIdea.obj_usuario.materno} ${LISTAR.beanIdea.obj_usuario.nombre}
												</td>
												<th width="50px;">
													Votaci&oacute;n:
												</th>
												<td style="background-color:#ffffff;padding:5px;border:1px solid #CCCCCC;width:120px;" align="center">
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaActiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaActiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaActiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaInactiva.jpg" border="0" width="20" />
													<img alt="" src="<%=request.getContextPath() %>/img/img_estrellaInactiva.jpg" border="0" width="20" />
												</td>
											</tr>
										</table>
									
										
									</td>
								</tr>
							</table>
			
							<br/>
							
							<table border="1" width="100%" cellpadding="5" cellspacing="0" style="border:1px solid #CCCCCC;background-color:#E6F0FF;">																							
								<tr>	
									<th width="10px">  </th>
									<td colspan="3"> 
										<strong> ${PS_USUARIO.paterno} ${PS_USUARIO.materno} ${PS_USUARIO.nombre}</strong>
										<textarea name="txtComentario" rows="2" style="width:95%;" id="txaDescripcion" placeholder="Escribe tu comentario..."></textarea>
										<button type="submit" class="btn btn-primary">Comentar</button>
										
									</td>
								</tr>														
							</table>
							
							
							<c:forEach items="${LISTAR['listaDiscusion']}" var="lista">
							<table border="1" width="100%" cellpadding="5" cellspacing="0" style="border:1px solid #CCCCCC;background-color:#FFFFE8;">																							
															
								<tr>	
									<th width="10px">  </th>									
									<td colspan="3"> 
										<strong>${lista.nombreUsuario} </strong>										
										<div style="background-color:#FFFFFF;width:95%;border:1px solid #CCCCCC;padding:8px;">
											${lista.descripcion }
										</div>										
									</td>
								</tr>		
								
																				
							</table>
							</c:forEach>
							
										
					
						<div class="form-actions" style="text-align:right;margin-top:0px; padding-top:9px; padding-bottom:9px;">							
							<button type="button" class="btn" onclick="javascript:fn_cancelar();">Cancel</button>
						</div>
								
								
					</td>				
				</tr>	
				
			</table>
		</div>
		
		</form>
			   
	    <!-- FIN AREA TRABAJO -->
	    
			

	    
 	  </div>
	</div>

 
   
   <%@ include file="../../includes/pie.jsp" %>


   
    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap-transition.js"></script>
    <script src="../js/bootstrap-alert.js"></script>
    <script src="../js/bootstrap-modal.js"></script>
    <script src="../js/bootstrap-dropdown.js"></script>
    <script src="../js/bootstrap-scrollspy.js"></script>
    <script src="../js/bootstrap-tab.js"></script>
    <script src="../js/bootstrap-tooltip.js"></script>
    <script src="../js/bootstrap-popover.js"></script>
    <script src="../js/bootstrap-button.js"></script>
    <script src="../js/bootstrap-collapse.js"></script>
    <script src="../js/bootstrap-carousel.js"></script>
    <script src="../js/bootstrap-typeahead.js"></script>
        
        
  </body>
  
</html>
